@charset "UTF-8" ;
@import "_basis";
@import "radio";
.main-box{
  .content-box{
    overflow: hidden;
  }
  .content-main{
    overflow: hidden;
  }
}

.tourism-action{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  .select-box{
    position: relative;
    width:200px;
  }
  .radio-box{
    position: static;
  }
}
.content-center{
  .content-center-bg{
    position: absolute!important;
    width:100%;
    padding-bottom: 10px;
  }
  #hotel_1{
    height: 100%;
  }
  #tourism_1_1{
    height: 100%;
    margin-top: 80px;
  }
  #tourism_1_2{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30%;
    height: 60%;
    border: 1px solid #00e4ff;
    background-color: #051824;
  }

  .tourism-data{
    position: relative;
    z-index: 999;
    width: 100%;
    padding-top:40px;
    display: flex;
    justify-content: space-around;
    >div{
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      color: #fff;
      >b{
        font-size: 16px;
        font-weight: bold;
      }
      >p{
        font-size: 40px;
        font-weight: bold;
        margin:10px;
      }
      >span{
        font-size: 16px;
      }
      &:nth-of-type(1){
        >p{
          color: #00E4FF;
        }
      }
      &:nth-of-type(2){
        >p{
          color: #53FCB3;
        }
      }
      &:nth-of-type(3){
        >p{
          color: #E76D59;
        }
      }
      &:nth-of-type(4){
        >p{
          color: #9A4CFB;
        }
      }
      &:nth-of-type(5) {
        > p {
          color: #4B66C7;
        }
      }
    }
  }
  >div{
    position: relative;
    margin-bottom:16px;
    &:last-child{
      margin-bottom:0;
      overflow: hidden;
    }
  }
}
.content-right{
  margin-left:16px;
  overflow: hidden;
  .car-flow-data{
    display: flex;
    flex-direction: row!important;
    justify-content: space-around;
    margin-top:10px;
    >div{
      text-align: center;
      >span{
        font-size:14px;
        color: #fff;
        font-weight: bold;
      }
      >p{
        font-size: 20px;
        font-weight: bold;
        margin: 10px;
      }
      &:nth-of-type(1){
        >p{
          color: #00E4FF;
        }
      }
      &:nth-of-type(2){
        >p{
          color: #53FCB3;
        }
      }
      &:nth-of-type(3){
        >p{
          color: #E76D59;
        }
      }
    }
  }
  >div{
    margin-bottom:16px;
    &:last-child{
      margin-bottom:0;
      overflow: hidden;
    }
  }
}

.action-left{
  display: flex;
  align-items: center;
}
.btn-list{
  >a{
    padding:5px 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #00E4FF;
    color: #00E4FF;
    margin-left: 10px;
  }
}
.reception-list{
  overflow-y: auto;
  >li{
    padding: 10px 0;
    border-bottom:1px solid rgba(255,255,255,.4);
    font-size: 12px;
    p{
      font-weight: bold;
      margin-bottom: 10px;
    }
    >div{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }
}
.bg-main-1.flex1.scroll-box{
  margin: 10px;
  height: 100%;
  overflow: hidden;
}
